<!DOCTYPE html>
<html>
    <head>
        <title>Book Share (Roberto Code Name Version 0.1)</title>
        <meta charset="utf-8">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap.css'}">
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
    </head> 

    <body> 
        <div class="navbar navbar-fixed-top pull-left">
            <div class="navbar-inner">
                <div class="container">
                    <a class="brand" href="#">Book Share</a>
                    <ul class="nav">
                        <li><a href="#">BookShelf</a></li>
                        <li><a href="#contact">WorkBeanch</a></li>
                        <li><a href="#contact">Board</a></li>
                    </ul>
                    <!-- Div para Login -->
                    <ul class="nav pull-right">

                        <li class="dropdown" id="menu1">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
                                ${user.getNombreCompleto()}
                                <b class="caret"></b>
                            </a>
                            <div class="dropdown-menu">
                                
                                <div style="margin-left: 8px; margin-right: 8px">
                                    <!--Datos del Usuario -->
                                    #{form @disconnect()}
                                    <input class="btn-danger" type="submit" id="signout" value="&{'secure.signout'}" />
                                    #{/form}
                                </div>
                               
                            </div>
                        </li>
                    </ul>

                    <!-- Fin login -->


                </div>
            </div>
        </div>
        <div>
            #{doLayout /}
        </div>
        <script language="javascript">
            
            $('.dropdown-toggle').dropdown();
            $('.dropdown-menu').find('form').click(function (e) {
                e.stopPropagation();
            });
        </script>
        <script src="@{'/public/javascripts/jquery-1.8.2.min.js'}" type="text/javascript"></script>
        <script src="@{'/public/javascripts/bootstrap.js'}" type="text/javascript"></script>
    </body>

</html>
